---
title: मॉडल आकार
description: चौड़ा बनाम कॉम्पैक्ट
---

# मॉडल आकार

## चौड़ा बनाम कॉम्पैक्ट आकार

डिफ़ॉल्ट रूप से, RainbowKit का `modalSize` `wide` पर सेट होता है (और कुछ ऐसा दिखता है):

<Img src="/modal-default.png" height="569" width="1029" />

हम एक `compact` मॉडल आकार भी प्रदान करते हैं, जो कुछ ऐसा दिखता है:

<Img src="/modal-compact.png" height="569" width="1029" />

आपके मॉडल आकार को `compact` पर सेट करने के लिए, बस अपने `RainbowKitProvider` में `modalSize="compact"` को प्रॉप के रूप में जोड़ें:

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

export const App = () => (
  <RainbowKitProvider modalSize="compact" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);
```
